import Item from '../Item'
import './index.css'
import PropTypes from 'prop-types'
export default function List(props) {
  const {todos, updateTodo,deleteTodo} = props
  return (
  <ul className="todo-main">
    {
      todos.map((todo)=>{
        return <Item deleteTodo = {deleteTodo} updateTodo={updateTodo} todo={todo} key={todo.id} />
      })
    } 
  </ul>
  )
}

List.propTypes = {
  todos: PropTypes.array
}
